@charset'utf-8';
@import'color';
@import'model.scss';
// h*
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    font-size: 42px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 12px;
}
// left Side Menu Bar
.sideMenu {
    position: fixed;
    top: 0;
    left: -100%;
    background-color: rgba($black, 0);
    width: 100%;
    height: 100%;
    @include comic_1(0.3,0);
    &.focus{
    	left: 0;
    	background-color: rgba($black,0.5);
    	.sideMenuBar{
			left: 0;
    	}
    }
    .backWarp{
    	position: absolute;
    	width: 100%;
    	height: 100%;
    }
    .sideMenuBar {
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        background-color: $white;
        @include comic_1(0.3,0);
        .barTitle{
        	width: 200px;
        	padding: 10px 15px;
        	cursor: pointer;
        }
        .barItem {
            border-bottom: 1px solid #eee;
            &:last-child {
                border-bottom: 0;
            }
            .item {
                width: 200px;
                padding: 15px 12px;
                margin: 3px 0;
                cursor: pointer;
                &:hover{
                	background-color: #f0f0f0;
                }
            }
        }
    }
}
